@import "@usehook/cursor.scss";

.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager .number,
.el-pagination.is-background .el-pager .more {
  background-color: transparent !important;
  color: rgba(0, 0, 0, 0.5) !important;
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  @include cursor-pointer;
}

.el-pagination.is-background .el-pager .number.is-active {
  background-color: #7875a780 !important;
  @include cursor-default-important;
}

.el-table-fixed-column--right.el-table__cell,
.operation-column.el-table__cell {
  padding: 0 !important;
}

.el-table-fixed-column--right .cell,
.operation-column .cell {
  padding: 0 !important;
}

/* .el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
    border-right: none !important;
} */

.el-table-filter__bottom button.is-disabled {
  cursor: default !important;
}

.el-table-header-cell {
  text-align: center !important;
  background: var(--el-table-header-background) !important;
}

.el-table-cell {
  text-align: center !important;
  padding: 2px !important;
}

.el-table .el-tag {
  width: 100% !important;
}

.el-table {
  font-size: var(--font-size) !important;

  .el-table__body tr.current-row > td.el-table__cell {
    background-color: var(--el-table-current-row-bg-color) !important;
  }
}

.el-table {
  border-radius: var(--border-radius);
  --el-table-row-hover-bg-color: rgba(255, 255, 255, 0.3);
  --el-table-bg-color: transparent;
  --el-table-tr-bg-color: transparent;
  --el-table-border-color: rgba(190, 190, 190, 0.5);
  /* --el-table-header-bg-color: transparent; */
  --el-table-current-row-bg-color: #63636330;

  .el-table__row.hover-row .el-table-fixed-column--left,
  .el-table__row.hover-row .el-table-fixed-column--right {
    background: #eeeeee !important;
  }

  .el-table__body tr.current-row > td.el-table-fixed-column--left,
  .el-table__body tr.current-row > td.el-table-fixed-column--right,
  .el-table__body tr > td.el-table-fixed-column--left,
  .el-table__body tr > td.el-table-fixed-column--right {
    background: #f1f1f1 !important;
  }

  .el-table__header .el-table-fixed-column--left,
  .el-table__header .el-table-fixed-column--right {
    background: #f1f1f1 !important;
  }
}

.el-pagination > .is-first,
.el-pagination__goto,
.el-pagination__classifier {
  margin-left: 10px !important;
  font-size: var(--font-size) !important;
  font-weight: var(--font-weight);
}

.el-pagination .number,
.el-pagination .more,
.el-pagination .el-pagination__editor,
.el-pagination .el-pagination__sizes {
  font-size: var(--font-size) !important;
  height: calc(var(--font-size) * 2);
}

.el-pagination .btn-prev,
.el-pagination .btn-next {
  width: calc(var(--font-size) * 4 + 10px) !important;
  font-size: var(--font-size) !important;
  font-family: inherit !important;
  height: calc(var(--font-size) * 2);
}

/*多一个分页高度50px*/
.table-with-pagination.el-table {
  height: calc(100% - var(--font-size) * 2 - 60px);
  /* background: rgba(255, 255, 255, .7); */
  background: transparent;
}

/*toolbar + padding高度*/
.table-without-pagination.el-table {
  height: calc(100% - var(--font-size) * 2 - 10px);
}

.el-pagination button.is-disabled,
.el-pagination button:disabled {
  cursor: default;
}

/*内层高度100%*/
.el-table__inner-wrapper {
  height: 100%;
}

.el-table__row,
.el-table__header {
  height: calc(var(--font-size) * 2.5) !important;
}

.el-table .cell {
  line-height: calc(var(--font-size) + 6px) !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.el-pagination button.is-disabled,
.el-pagination button:disabled {
  cursor: default;
}

.el-pager li,
.el-pagination button {
  width: calc(var(--font-size) * 2);
  height: calc(var(--font-size) * 2);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
}

.el-pagination {
  height: 100%;
}

.el-pager li {
  width: fit-content;
  padding: 0 10px !important;
}

.el-table__border-bottom-patch,
.el-table__border-left-patch {
  background-color: transparent;
}

.glass .el-table {
  --backdrop-filter: blur(5px);

  /* .el-table__header .el-table-fixed-column--left, */
  .el-table__header .el-table-fixed-column--right {
    background: var(--el-table-header-background) !important;
    backdrop-filter: var(--backdrop-filter);
  }

  /* .el-table__body tr.current-row>td.el-table-fixed-column--left, */
  .el-table__body tr.current-row>td.el-table-fixed-column--right,
    /* .el-table__body tr>td.el-table-fixed-column--left, */
    .el-table__body tr>td.el-table-fixed-column--right {
    background: var(--el-table-tr-bg-color) !important;
    backdrop-filter: var(--backdrop-filter);
  }

  /* .el-table__row.hover-row .el-table-fixed-column--left, */
  .el-table__row.hover-row .el-table-fixed-column--right {
    background: rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: var(--backdrop-filter);
  }

  .el-table__body tr.current-row > td.el-table__cell {
    background-color: var(--el-table-current-row-bg-color) !important;
  }
}

.el-table th.el-table__cell.is-sortable,
.el-table th.el-table__cell.is-sortable * {
  @include cursor-pointer-important;
}
